<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../lib/font_h2wu65walnu/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/getmoneyctrlindex.css" />
    <title>省钱控</title>
</head>

<body>
    <!--省钱控页面 -->

    <!-- 省钱控的头部 -->
    <header>
        <a href="../index.html" class="toLeft"></a>
        <span>省钱控-最新优惠</span>
        <a href="javascript:;" class="toDownload">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>





    <!-- 省钱控的内容 -->
    <div class="save_Content">
        <ul>
            <!-- <li>
                <a href="javascript:;">
                    <img src="../images/201610001412282758.jpg" alt="">
                    <div class="savemoney_right">
                        <h4>移动端凑单品：海天 鲜味 生抽</h4>
                        <p>1.28L
                            <span>10.9元</span>
                        </p>
                        <div class="bottom">
                            <p>京东商城
                                <span>10-25 14:10</span>
                            </p>
                            <div class="bottom_right">
                                <i class="iconfont icon-64"></i>
                                <span>1</span>
                            </div>
                        </div>

                    </div>
                </a>
            </li> -->

        </ul>

    </div>

      <!-- 分页部分 -->
      <div class="savemoney_paging">
          
            
        <input class="up" type="button" value="上一页">
          
        <select name="" id="selectPage">
            
        </select>
      
                <input class="next" type="button" value="下一页">
        
       
   
    </ul> 
</div>




    <!-- 省钱控的底部 -->
    <div class="savemoneyBottom">
        <div class="bottom_tool">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="javascript:;">
           <!-- <span class="iconfont icon-60"></span>  -->
                返回顶部
            </a>
        </div>
        <div class="link">
            <p>
                <span>手机APP下载 </span>慢慢买手机版
                <span>-- 掌上比价平台</span>
            </p>
            <span class="link_web">m.manmanbuy.com</span>
        </div>
    </div> 

    <script src="../lib/zepto/dist/zepto.js"></script>
    <script src='../lib/art-template/template-web.js'></script>
    <script src="../lib/itcastEvent.js"></script>
    <script src='../js/getmoneyctrl.js'></script>
</body>
</html>

<script type="text/template" id="getmoneyctrlTmp">
    {{ each result value index}}
        <li>
            <a href="./inlanddiscount-buy.html?productId={{value.productId}}">
                {{@ value.productImg2 }}
                <div class="savemoney_right">
                    <h4>{{value.productName}}</h4>
                    <p>
                        <span>{{value.productPinkage}}</span>
                    </p>
                    <div class="bottom">
                        <p>{{value.productFrom}}
                            <span>{{value.productTime}}</span>
                        </p>
                        <div class="bottom_right">
                            <i class="iconfont icon-64"></i>
                            <span>{{value.productComCount}}</span>
                        </div>
                    </div>

                </div>
            </a>
        </li>
    {{ /each }}
</script>

<script>
    
    setFont();


    window.onresize=function(){
      setFont();
    }


    // 根据当前屏幕的宽度 动态设置页面根标签的fontsize
    function setFont() {
      // 要设置的字体大小  = 基础值 * 要适配的屏幕的宽度 /  设计稿宽度
      // 基础值
      var baseVal = 100;
      // 设计稿的宽度
      var pageWidth = 640;
      // 要适配的屏幕的宽度 = 当前屏幕的宽度
      var screenWidth = document.querySelector("html").offsetWidth;
      // 要设置的字体大小
      if (screenWidth>=640){
        var fontsize = (baseVal * 640)/pageWidth;
      }else if (screenWidth<=320){
        var fontsize = (baseVal * 320)/pageWidth;
      }else {
        var fontsize = (baseVal * screenWidth) / pageWidth;
      }
      // 把字体大小动态设置到 html标签中
      document.querySelector("html").style.fontSize = fontsize + "px";
    }
</script>
